<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>对象内溢出文本</title>
        <style>
           #overflow{
            width:100px;
            white-space: nowrap;
            overflow:hidden;
            text-overflow: ellipsis;
           }
        </style>
    </head>
    <body>
        <div id="overflow">
            这是一个很长很长的故事
        </div>
    </body>
</html>